$(document).ready(function(){
	$('.slideshow .view-content').cycle({ //.slideshow es el nombre del identificador personalizado que le puse a la vista para los slideshows en Drupal
    fx:    'fade', 
    //speed:  2500 ,
    timeout: 5000, 
    pagerEvent: 'mouseover',
    fastOnEvent: true , 
		pager:  '.nav', //.nav es el nombre del identificador personalizado que le puse a la vista para los thumbnails en Drupal
		 
		// callback fn that creates a thumbnail to use as pager anchor 
		//poner la ruta completa a los thumbnails en Drupal
		pagerAnchorBuilder: function(idx, slide) { 
		 return 'ul.nav li:eq(' + idx + ') a'; 
		} 
	});
  // agregado para permitir que el enlace en los thumbnails del slideshow funcionen
  $('ul.nav li a').unbind('click')
	//slideshow horizontal for services
  //~ //$('.activeSlide').parent('li.thumbnail').css({'background-color':'#00CC00'});
  $('.node-type-servicio #main-content .field-field-imagen').append('<div class="slide_pager"><a id="prev2" href="#">Prev</a> | <a id="next2" href="#">Next</a></div>');
  $('.node-type-servicio #main-content .field-field-imagen .field-items').cycle({ 
    fx:     'fade', 
    speed:  'fast', 
    timeout: 0, 
    next:   '#next2', 
    prev:   '#prev2' 
  });
});

